<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<meta name="viewport" content="width=device-width,user-scalable=no" />
    	<title>着陆页-食艺道</title>
    	<style type="text/css">
    		*{padding: 0;margin: 0;}
    		body{margin: 0;}
    		video{position: fixed;top: -200px;left: 50%;width: 1600px;height: 1000px;z-index: -9999;margin-left: -800px;}
    		.logo{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;display: block;}
    		.logo img{width: 100%;height: auto;min-height: 100%;}
    		.welcome{width: 174px;height: 60px;position: absolute;top: 786px;left: 50%;margin-left: -85px;z-index: 1001;cursor: pointer;border: 1px solid #d5c5aa;}
    		.welcome a{font-size: 22px;color: #d5c5aa;display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 60px;text-decoration: none;font-family: "Arial";}
    		.welcome:hover{border: 1px solid #c3a370;background: #c3a370;}
    		.welcome:hover a{color: #fff;}
    	</style>
	</head>
	<body>
	    <video id="VidageVideo" class="Vidage__video" preload="metadata" loop="loop" autoplay>
	        <source src="video/shiyidao.mp4" type="video/mp4">
	   	</video>
	   	<div class="logo">
	   		<img src="img/11.png"/>
	   	</div>
	   	<div class="welcome">
	   		<a href="/index">WELCOME</a>	
	   	</div>
	</body>
</html>
